<template>
	<div class="container">
		<div id="app" v-for="(item,index) in imgArr" :key="index" style="margin:20px;width:150px;height:150px;">
			<img :src="api + item" alt="" style="width:150px;height:150px;">
		    </div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				api:this.$store.state.imageUrls ,
				index:0,
				imgArr:[],
			}
		},
		mounted(){
			var img = this.$route.query.img
		
			this.imgArr = img.split(",")
			// for(var i = 0;i<)
		
		},
		methods:{
			// pre(){
			//   this.index--
			// },
			// nxt(){
			//   this.index++
			// }
		}
	}
</script>

<style scoped>
	/* .left{
	        margin:0px;
				  padding: 0px;
	        
				  width: 55px;
				  height: 100%;
	        line-height: 300px;
	 
	      }
	      .right{	
	        margin:0px;
				  padding: 0px;
			  	width: 55px;
				  height: 100%;
	        line-height: 300px;
			}
	      
	      .pic{
	        height: 300px;
	        line-height: 300px;
	        
	      }
	      #app{
	        display: flex;
	        flex-direction: row;
	        justify-content:center;
	        
	      } */

</style>
